<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit"/>
    <title>{block name="title"} 敏捷开发管理系统-太阳软件{/block}</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    {include file="common/head_css" /}
</head>
<body>
<div class="modal-body">
    <style type="text/css">
        .list-main {min-height:100px; background:#fff; padding:10px;}
        .list {height:75px; border-left:1px solid #eee; padding-left:20px; position:relative;}
        .list .info {height:75px; border-top:1px solid #eee; padding:10px; font-size:14px; color:#666;}
        .list .info .step { height:40px;}
        .list .info .time { height:20px;}
        .list .infoon { color:#25ae5e}
        .list .dot {height:10px; width:10px; border-radius:10px; background:#ddd; position:absolute; left:-6px; top:12px;}
        .list .doton {height:12px; width:12px; background:#25ae5e; border-radius:12px; border:1px solid #bbe2c9; left:-8px;}
    </style>
    <div class="list-main">
        {volist name="expressList" id="el"}
        <div class="list">
            {if($key < 1)}
            <div class="info infoon" style='border:none'>
            {else /}
            <div class="info">
            {/if}
                <div class='step'>{$el['context']}</div>
                <div class='time'>{$el['time']}</div>
            </div>
            {if($key < 1)}
            <div class="dot doton"></div>
            {else /}
            <div class="dot"></div>
            {/if}
        </div>
        {/volist}
    </div>

</div>
{include file="common/footer_js" /}
</body>
</html>